<ui:composition xmlns="http://www.w3.org/1999/xhtml"
                xmlns:ui="http://java.sun.com/jsf/facelets"
                xmlns:h="http://java.sun.com/jsf/html"
                xmlns:p="http://primefaces.org/ui"
                xmlns:f="http://java.sun.com/jsf/core"
                xmlns:constants="http://www.tuanzi.com/constants/tags"
                template="/templates/template.xhtml">
    <ui:define name="title">大额外推配置信息</ui:define>
    <ui:define name="content">
        <h:form id="extraTemplateForm" enctype="multipart/form-data">
            <div class="topbar clearfix"
                 style="background: -webkit-linear-gradient(top,#f6f7f9 0,#ebedf0 100%);">
                <p:toolbar>
                    <f:facet name="right">
                        <p:commandButton value="编辑" icon="fa fa-edit"
                                         actionListener="#{loanLargeOuterTemplateInfoBean.changeStatusToEdit()}"
                                         process="@this"
                                         update="@form"
                                         rendered="#{loanLargeOuterTemplateInfoBean.isView()}"/>
                        <p:commandButton value="保存" icon="fa fa-save"
                                         actionListener="#{loanLargeOuterTemplateInfoBean.onSave()}"
                                         rendered="#{loanLargeOuterTemplateInfoBean.isEdit()}"
                                         process="@form"
                                         update="@form"/>
                        <p:commandButton value="取消" icon="fa fa-reply"
                                         actionListener="#{loanLargeOuterTemplateInfoBean.changeStatusToView()}"
                                         rendered="#{loanLargeOuterTemplateInfoBean.isEdit()}"
                                         process="@this"
                                         update="@form"/>
                        <p:button value="返回" icon="fa fa-reply-all"
                                  href="/views/family/extratemplate/large-outer-template-list.xhtml"/>
                    </f:facet>
                </p:toolbar>
            </div>
            <div class="ui-fluid" style="padding-top: 30px;">
                <div class="card ui-g-12">
                    <div class="ui-g">
                        <div class="ui-g-12"><h3><b>全局信息</b></h3></div>
                        <div class="ui-g-2">
                            <p:outputLabel value="模板ID"/>
                        </div>
                        <div class="ui-g-4">
                            <p:inputText id="templateId" value="#{loanLargeOuterTemplateInfoBean.$.templateId}"
                                         disabled="#{loanLargeOuterTemplateInfoBean.isView()}"/>
                        </div>
                        <div class="ui-g-2">
                            <p:outputLabel value="模板名称"/>
                        </div>
                        <div class="ui-g-4">
                            <p:inputText id="templateName" value="#{loanLargeOuterTemplateInfoBean.$.templateName}"
                                         disabled="#{loanLargeOuterTemplateInfoBean.isView()}"/>
                        </div>
                        <div class="ui-g-2">
                            <p:outputLabel value="PC端展示"/>
                        </div>
                        <div class="ui-g-4">
                            <p:selectOneMenu id="pcShow" value="#{loanLargeOuterTemplateInfoBean.$.globalPcShow}"
                                             disabled="#{loanLargeOuterTemplateInfoBean.isView()}">
                                <f:selectItems
                                        value="#{loanLargeOuterTemplateInfoBean.dictionaries[DictionaryCode.EXTRA_TEMPLATE_PC_SHOW]}"
                                        var="dic"
                                        itemLabel="#{dic.name}" itemValue="#{dic.value1}"/>
                            </p:selectOneMenu>
                        </div>
                        <div class="ui-g-2">
                            <p:outputLabel value="网页标题"/>
                        </div>
                        <div class="ui-g-4">
                            <p:inputText id="comm-title" value="#{loanLargeOuterTemplateInfoBean.$.commTitle}"
                                         disabled="#{loanLargeOuterTemplateInfoBean.isView()}"/>
                        </div>
                    </div>

                    <div class="ui-g-12">
                        <h3><b>Android页面</b></h3>
                    </div>
                    <div class="ui-g-12 card" style="background-color: #eff1f3;border-radius: 10px;">
                        <h3><b>Banner区</b></h3>

                        <div class="ui-g-2">
                            <p:outputLabel value="banner"/>
                        </div>
                        <div class="ui-g-2">
                            <p:graphicImage id="androidBanner"
                                            url="#{loanLargeOuterTemplateInfoBean.$.androidBannerImageUrl}"
                                            width="80"/>
                        </div>
                        <div class="ui-g-2">
                            <p:fileUpload fileUploadListener="#{loanLargeOuterTemplateInfoBean.onUploadAndroidBanner}"
                                          mode="advanced"
                                          fileLimit="1"
                                          auto="true"
                                          fileLimitMessage="只能上传一个文件"
                                          invalidFileMessage="不支持上传文件类型"
                                          invalidSizeMessage="文件过大"
                                          sizeLimit="#{constants:get('UPLOAD_FILE_SIZE')}"
                                          allowTypes="/(\.|\/)(#{constants:get('UPLOAD_FILE_SUFFIX')})$/"
                                          label="上传" update="androidBanner" process="@this"
                                          disabled="#{loanLargeOuterTemplateInfoBean.isView()}"/>
                        </div>

                        <div class="ui-g-2">
                            <p:outputLabel value="主题颜色"/>
                        </div>
                        <div class="ui-g-4">
                            <p:selectOneMenu id="androidTheme"
                                             value="#{loanLargeOuterTemplateInfoBean.$.androidColorType}"
                                             disabled="#{loanLargeOuterTemplateInfoBean.isView()}">
                                <f:selectItem itemLabel="- 请选择 -" itemValue=""
                                              noSelectionOption="true"/>
                                <f:selectItems
                                        value="#{loanLargeOuterTemplateInfoBean.dictionaries[DictionaryCode.LOAN_LARGE_OUTER_TEMPLATE_COLOR]}"
                                        var="dic"
                                        itemLabel="#{dic.name}" itemValue="#{dic.value1}"/>
                            </p:selectOneMenu>
                        </div>
                    </div>

                    <p:outputPanel id="arecommend" styleClass="ui-g-12 ui-g-nopad">
                    <div class="ui-g-12 card" style="background-color: #eff1f3;border-radius: 10px;">
                        <h3><b>登记区</b></h3>
                        <div class="ui-g-2">
                            <p:outputLabel value="登记类型"/>
                        </div>
                        <div class="ui-g-4">
                            <p:selectOneMenu id="androidRegisterType"
                                             value="#{loanLargeOuterTemplateInfoBean.$.androidRegType}"
                                             disabled="#{loanLargeOuterTemplateInfoBean.isView()}">
                                <p:ajax event="change" process="@this" update="arecommend"/>
                                <f:selectItem itemLabel="- 请选择 -" itemValue=""
                                              noSelectionOption="true"/>
                                <f:selectItems
                                        value="#{loanLargeOuterTemplateInfoBean.dictionaries[DictionaryCode.LOAN_LARGE_OUTER_TEMPLATE_REG_TYPE]}"
                                        var="dic"
                                        itemLabel="#{dic.name}" itemValue="#{dic.value1}"/>
                            </p:selectOneMenu>
                        </div>

                        <div class="ui-g-2">
                            <p:outputLabel value="按钮文案"/>
                        </div>
                        <div class="ui-g-4">
                            <p:inputText id="androidBtnText"
                                         value="#{loanLargeOuterTemplateInfoBean.$.androidRegButtonMsg}"
                                         disabled="#{loanLargeOuterTemplateInfoBean.isView()}"/>
                        </div>

                        <div class="ui-g-2">
                            <p:outputLabel value="借多少的类型"/>
                        </div>
                        <div class="ui-g-4">
                            <p:selectOneMenu value="#{loanLargeOuterTemplateInfoBean.androidAmountTag}"
                                             disabled="#{loanLargeOuterTemplateInfoBean.isView()}">
                                <f:selectItems
                                        value="#{loanLargeOuterTemplateInfoBean.dictionaries[DictionaryCode.LARGE_OUTER_TAG_LIST]}"
                                        var="dic"
                                        itemLabel="#{dic.name}" itemValue="#{dic.value1}"/>
                            </p:selectOneMenu>
                        </div>

                        <div class="ui-g-2">
                            <p:outputLabel value="城市选项类型"/>
                        </div>
                        <div class="ui-g-4">
                            <p:selectOneMenu value="#{loanLargeOuterTemplateInfoBean.$.androidCityType}"
                                             disabled="#{loanLargeOuterTemplateInfoBean.isView()}">
                                <f:selectItems
                                        value="#{loanLargeOuterTemplateInfoBean.dictionaries[DictionaryCode.LARGE_OUTER_CITY_TYPE]}"
                                        var="dic"
                                        itemLabel="#{dic.name}" itemValue="#{dic.value1}"/>
                            </p:selectOneMenu>
                        </div>

                    </div>

                    <div class="ui-g-12 card" style="background-color: #eff1f3;border-radius: 10px;">
                        <h3><b>备注区</b></h3>
                        <div class="ui-g-2">
                            <p:outputLabel value="备注图"/>
                        </div>
                        <div class="ui-g-2">
                            <p:graphicImage id="androidRemarkImg"
                                            url="#{loanLargeOuterTemplateInfoBean.$.androidRemarkImageUrl}"
                                            width="80"/>
                        </div>
                        <div class="ui-g-2">
                            <p:fileUpload
                                    fileUploadListener="#{loanLargeOuterTemplateInfoBean.onUploadAndroidRemarkImg}"
                                    mode="advanced"
                                    fileLimit="1"
                                    auto="true"
                                    fileLimitMessage="只能上传一个文件"
                                    invalidFileMessage="不支持上传文件类型"
                                    invalidSizeMessage="文件过大"
                                    sizeLimit="#{constants:get('UPLOAD_FILE_SIZE')}"
                                    allowTypes="/(\.|\/)(#{constants:get('UPLOAD_FILE_SUFFIX')})$/"
                                    label="上传" update="androidRemarkImg" process="@this"
                                    disabled="#{loanLargeOuterTemplateInfoBean.isView()}"/>
                        </div>

                        <div class="ui-g-2">
                            <p:outputLabel value="备注区文案"/>
                        </div>
                        <div class="ui-g-4">
                            <p:inputText id="androidRemarkText"
                                         value="#{loanLargeOuterTemplateInfoBean.$.androidRemarkMsg}"
                                         disabled="#{loanLargeOuterTemplateInfoBean.isView()}"/>
                        </div>
                    </div>

                    <div class="ui-g-12 card ui-g-nopad" style="background-color: #eff1f3;border-radius: 10px;">
                        <p:panelGrid rendered="#{loanLargeOuterTemplateInfoBean.$.androidRegType == 2}">
                            <h3><b>推荐区</b></h3>
                            <div class="ui-g-2">
                                <p:outputLabel value="推荐产品1"/>
                            </div>
                            <div class="ui-g-2">
                                <p:outputLabel value="产品id"/>
                            </div>

                            <div class="ui-g-3">
                                <p:selectOneMenu id="productId" value="#{loanLargeOuterTemplateInfoBean.androidDownList.get(0).productId}"
                                                 filter="true" filterMatchMode="contains" disabled="#{loanLargeOuterTemplateInfoBean.isView()}">
                                    <f:selectItem itemLabel="- 请选择 -" itemValue="" noSelectionOption="true"/>
                                    <f:selectItems
                                            value="#{loanLargeOuterTemplateInfoBean.commProductIds}"
                                            var="product"
                                            itemLabel="#{product.name}" itemValue="#{product.productId}"/>
                                </p:selectOneMenu>
                            </div>

                            <div class="ui-g-2">
                                <p:outputLabel value="产品渠道"/>
                            </div>

                            <div class="ui-g-3">
                                <p:selectOneMenu value="#{loanLargeOuterTemplateInfoBean.androidDownList.get(0).channelCode}"
                                                 filter="true" filterMatchMode="contains" disabled="#{loanLargeOuterTemplateInfoBean.isView()}">
                                    <f:selectItem itemLabel="- 请选择 -" itemValue="" noSelectionOption="true"/>
                                    <f:selectItems
                                            value="#{loanLargeOuterTemplateInfoBean.commProductChannels}"
                                            var="channel"
                                            itemLabel="#{channel.channelName}" itemValue="#{channel.channelCode}"/>
                                </p:selectOneMenu>
                            </div>

                            <div class="ui-g-2">
                                <p:outputLabel value="推荐产品2"/>
                            </div>
                            <div class="ui-g-2">
                                <p:outputLabel value="产品id"/>
                            </div>

                            <div class="ui-g-3">
                                <p:selectOneMenu value="#{loanLargeOuterTemplateInfoBean.androidDownList.get(1).productId}"
                                                 filter="true" filterMatchMode="contains" disabled="#{loanLargeOuterTemplateInfoBean.isView()}">
                                    <f:selectItem itemLabel="- 请选择 -" itemValue="" noSelectionOption="true"/>
                                    <f:selectItems
                                            value="#{loanLargeOuterTemplateInfoBean.commProductIds}"
                                            var="product"
                                            itemLabel="#{product.name}" itemValue="#{product.productId}"/>
                                </p:selectOneMenu>
                            </div>

                            <div class="ui-g-2">
                                <p:outputLabel value="产品渠道"/>
                            </div>

                            <div class="ui-g-3">
                                <p:selectOneMenu value="#{loanLargeOuterTemplateInfoBean.androidDownList.get(1).channelCode}"
                                                 filter="true" filterMatchMode="contains" disabled="#{loanLargeOuterTemplateInfoBean.isView()}">
                                    <f:selectItem itemLabel="- 请选择 -" itemValue="" noSelectionOption="true"/>
                                    <f:selectItems
                                            value="#{loanLargeOuterTemplateInfoBean.commProductChannels}"
                                            var="channel"
                                            itemLabel="#{channel.channelName}" itemValue="#{channel.channelCode}"/>
                                </p:selectOneMenu>
                            </div>

                            <div class="ui-g-2">
                                <p:outputLabel value="推荐产品3"/>
                            </div>
                            <div class="ui-g-2">
                                <p:outputLabel value="产品id"/>
                            </div>

                            <div class="ui-g-3">
                                <p:selectOneMenu value="#{loanLargeOuterTemplateInfoBean.androidDownList.get(2).productId}"
                                                 filter="true" filterMatchMode="contains" disabled="#{loanLargeOuterTemplateInfoBean.isView()}">
                                    <f:selectItem itemLabel="- 请选择 -" itemValue="" noSelectionOption="true"/>
                                    <f:selectItems
                                            value="#{loanLargeOuterTemplateInfoBean.commProductIds}"
                                            var="product"
                                            itemLabel="#{product.name}" itemValue="#{product.productId}"/>
                                </p:selectOneMenu>
                            </div>

                            <div class="ui-g-2">
                                <p:outputLabel value="产品渠道"/>
                            </div>

                            <div class="ui-g-3">
                                <p:selectOneMenu value="#{loanLargeOuterTemplateInfoBean.androidDownList.get(2).channelCode}"
                                                 filter="true" filterMatchMode="contains" disabled="#{loanLargeOuterTemplateInfoBean.isView()}">
                                    <f:selectItem itemLabel="- 请选择 -" itemValue="" noSelectionOption="true"/>
                                    <f:selectItems
                                            value="#{loanLargeOuterTemplateInfoBean.commProductChannels}"
                                            var="channel"
                                            itemLabel="#{channel.channelName}" itemValue="#{channel.channelCode}"/>
                                </p:selectOneMenu>
                            </div>

                        </p:panelGrid>
                    </div>
                    </p:outputPanel>


                    <div class="ui-g-12">
                        <h3><b>IOS页面</b></h3>
                    </div>

                    <div class="ui-g-12 card" style="background-color: #eff1f3;border-radius: 10px;">
                        <h3><b>Banner区</b></h3>

                        <div class="ui-g-2">
                            <p:outputLabel value="banner"/>
                        </div>
                        <div class="ui-g-2">
                            <p:graphicImage id="iosBanner" url="#{loanLargeOuterTemplateInfoBean.$.iosBannerImageUrl}"
                                            width="80"/>
                        </div>
                        <div class="ui-g-2">
                            <p:fileUpload fileUploadListener="#{loanLargeOuterTemplateInfoBean.onUploadIosBanner}"
                                          mode="advanced"
                                          fileLimit="1"
                                          auto="true"
                                          fileLimitMessage="只能上传一个文件"
                                          invalidFileMessage="不支持上传文件类型"
                                          invalidSizeMessage="文件过大"
                                          sizeLimit="#{constants:get('UPLOAD_FILE_SIZE')}"
                                          allowTypes="/(\.|\/)(#{constants:get('UPLOAD_FILE_SUFFIX')})$/"
                                          label="上传" update="iosBanner" process="@this"
                                          disabled="#{loanLargeOuterTemplateInfoBean.isView()}"/>
                        </div>
                        <div class="ui-g-2">
                            <p:outputLabel value="主题颜色"/>
                        </div>
                        <div class="ui-g-4">
                            <p:selectOneMenu id="iosTheme" value="#{loanLargeOuterTemplateInfoBean.$.iosColorType}"
                                             disabled="#{loanLargeOuterTemplateInfoBean.isView()}">
                                <f:selectItem itemLabel="- 请选择 -" itemValue=""
                                              noSelectionOption="true"/>
                                <f:selectItems
                                        value="#{loanLargeOuterTemplateInfoBean.dictionaries[DictionaryCode.LOAN_LARGE_OUTER_TEMPLATE_COLOR]}"
                                        var="dic"
                                        itemLabel="#{dic.name}" itemValue="#{dic.value1}"/>
                            </p:selectOneMenu>
                        </div>
                    </div>

                    <p:outputPanel id="irecommend" styleClass="ui-g-12 ui-g-nopad">
                    <div class="ui-g-12 card" style="background-color: #eff1f3;border-radius: 10px;">
                        <h3><b>登记区</b></h3>
                        <div class="ui-g-2">
                            <p:outputLabel value="登记类型"/>
                        </div>
                        <div class="ui-g-4">
                            <p:selectOneMenu id="iosRegisterType" value="#{loanLargeOuterTemplateInfoBean.$.iosRegType}"
                                             disabled="#{loanLargeOuterTemplateInfoBean.isView()}">
                                <p:ajax event="change" process="@this" update="irecommend"/>
                                <f:selectItem itemLabel="- 请选择 -" itemValue=""
                                              noSelectionOption="true"/>
                                <f:selectItems
                                        value="#{loanLargeOuterTemplateInfoBean.dictionaries[DictionaryCode.LOAN_LARGE_OUTER_TEMPLATE_REG_TYPE]}"
                                        var="dic"
                                        itemLabel="#{dic.name}" itemValue="#{dic.value1}"/>
                            </p:selectOneMenu>
                        </div>

                        <div class="ui-g-2">
                            <p:outputLabel value="按钮文案"/>
                        </div>
                        <div class="ui-g-4">
                            <p:inputText id="iosBtnText" value="#{loanLargeOuterTemplateInfoBean.$.iosRegButtonMsg}"
                                         disabled="#{loanLargeOuterTemplateInfoBean.isView()}"/>
                        </div>

                        <div class="ui-g-2">
                            <p:outputLabel value="借多少的类型"/>
                        </div>
                        <div class="ui-g-4">
                            <p:selectOneMenu value="#{loanLargeOuterTemplateInfoBean.iosAmountTag}"
                                             disabled="#{loanLargeOuterTemplateInfoBean.isView()}">
                                <f:selectItems
                                        value="#{loanLargeOuterTemplateInfoBean.dictionaries[DictionaryCode.LARGE_OUTER_TAG_LIST]}"
                                        var="dic"
                                        itemLabel="#{dic.name}" itemValue="#{dic.value1}"/>
                            </p:selectOneMenu>
                        </div>

                        <div class="ui-g-2">
                            <p:outputLabel value="城市选项类型"/>
                        </div>
                        <div class="ui-g-4">
                            <p:selectOneMenu value="#{loanLargeOuterTemplateInfoBean.$.iosCityType}"
                                             disabled="#{loanLargeOuterTemplateInfoBean.isView()}">
                                <f:selectItems
                                        value="#{loanLargeOuterTemplateInfoBean.dictionaries[DictionaryCode.LARGE_OUTER_CITY_TYPE]}"
                                        var="dic"
                                        itemLabel="#{dic.name}" itemValue="#{dic.value1}"/>
                            </p:selectOneMenu>
                        </div>

                    </div>

                    <div class="ui-g-12 card" style="background-color: #eff1f3;border-radius: 10px;">
                        <h3><b>备注区</b></h3>
                        <div class="ui-g-2">
                            <p:outputLabel value="备注图"/>
                        </div>
                        <div class="ui-g-2">
                            <p:graphicImage id="iosRemarkImg"
                                            url="#{loanLargeOuterTemplateInfoBean.$.iosRemarkImageUrl}"
                                            width="80"/>
                        </div>
                        <div class="ui-g-2">
                            <p:fileUpload fileUploadListener="#{loanLargeOuterTemplateInfoBean.onUploadIosRemarkImg}"
                                          mode="advanced"
                                          fileLimit="1"
                                          auto="true"
                                          fileLimitMessage="只能上传一个文件"
                                          invalidFileMessage="不支持上传文件类型"
                                          invalidSizeMessage="文件过大"
                                          sizeLimit="#{constants:get('UPLOAD_FILE_SIZE')}"
                                          allowTypes="/(\.|\/)(#{constants:get('UPLOAD_FILE_SUFFIX')})$/"
                                          label="上传" update="iosRemarkImg" process="@this"
                                          disabled="#{loanLargeOuterTemplateInfoBean.isView()}"/>
                        </div>
                        <div class="ui-g-2">
                            <p:outputLabel value="备注区文案"/>
                        </div>
                        <div class="ui-g-4">
                            <p:inputText id="iosRemarkText" value="#{loanLargeOuterTemplateInfoBean.$.iosRemarkMsg}"
                                         disabled="#{loanLargeOuterTemplateInfoBean.isView()}"/>
                        </div>
                    </div>

                    <div class="ui-g-12 card ui-g-nopad" style="background-color: #eff1f3;border-radius: 10px;">
                        <p:panelGrid rendered="#{loanLargeOuterTemplateInfoBean.$.iosRegType == 2}">
                            <h3><b>推荐区</b></h3>
                            <div class="ui-g-2">
                                <p:outputLabel value="推荐产品1"/>
                            </div>
                            <div class="ui-g-2">
                                <p:outputLabel value="产品id"/>
                            </div>

                            <div class="ui-g-3">
                                <p:selectOneMenu value="#{loanLargeOuterTemplateInfoBean.iosDownList.get(0).productId}"
                                                 filter="true" filterMatchMode="contains" disabled="#{loanLargeOuterTemplateInfoBean.isView()}">
                                    <f:selectItem itemLabel="- 请选择 -" itemValue="" noSelectionOption="true"/>
                                    <f:selectItems
                                            value="#{loanLargeOuterTemplateInfoBean.commProductIds}"
                                            var="product"
                                            itemLabel="#{product.name}" itemValue="#{product.productId}"/>
                                </p:selectOneMenu>
                            </div>

                            <div class="ui-g-2">
                                <p:outputLabel value="产品渠道"/>
                            </div>

                            <div class="ui-g-3">
                                <p:selectOneMenu value="#{loanLargeOuterTemplateInfoBean.iosDownList.get(0).channelCode}"
                                                 filter="true" filterMatchMode="contains" disabled="#{loanLargeOuterTemplateInfoBean.isView()}">
                                    <f:selectItem itemLabel="- 请选择 -" itemValue="" noSelectionOption="true"/>
                                    <f:selectItems
                                            value="#{loanLargeOuterTemplateInfoBean.commProductChannels}"
                                            var="channel"
                                            itemLabel="#{channel.channelName}" itemValue="#{channel.channelCode}"/>
                                </p:selectOneMenu>
                            </div>

                            <div class="ui-g-2">
                                <p:outputLabel value="推荐产品2"/>
                            </div>
                            <div class="ui-g-2">
                                <p:outputLabel value="产品id"/>
                            </div>

                            <div class="ui-g-3">
                                <p:selectOneMenu value="#{loanLargeOuterTemplateInfoBean.iosDownList.get(1).productId}"
                                                 filter="true" filterMatchMode="contains" disabled="#{loanLargeOuterTemplateInfoBean.isView()}">
                                    <f:selectItem itemLabel="- 请选择 -" itemValue="" noSelectionOption="true"/>
                                    <f:selectItems
                                            value="#{loanLargeOuterTemplateInfoBean.commProductIds}"
                                            var="product"
                                            itemLabel="#{product.name}" itemValue="#{product.productId}"/>
                                </p:selectOneMenu>
                            </div>

                            <div class="ui-g-2">
                                <p:outputLabel value="产品渠道"/>
                            </div>

                            <div class="ui-g-3">
                                <p:selectOneMenu value="#{loanLargeOuterTemplateInfoBean.iosDownList.get(1).channelCode}"
                                                 filter="true" filterMatchMode="contains" disabled="#{loanLargeOuterTemplateInfoBean.isView()}">
                                    <f:selectItem itemLabel="- 请选择 -" itemValue="" noSelectionOption="true"/>
                                    <f:selectItems
                                            value="#{loanLargeOuterTemplateInfoBean.commProductChannels}"
                                            var="channel"
                                            itemLabel="#{channel.channelName}" itemValue="#{channel.channelCode}"/>
                                </p:selectOneMenu>
                            </div>

                            <div class="ui-g-2">
                                <p:outputLabel value="推荐产品3"/>
                            </div>
                            <div class="ui-g-2">
                                <p:outputLabel value="产品id"/>
                            </div>

                            <div class="ui-g-3">
                            <p:selectOneMenu value="#{loanLargeOuterTemplateInfoBean.iosDownList.get(2).productId}"
                                             filter="true" filterMatchMode="contains" disabled="#{loanLargeOuterTemplateInfoBean.isView()}">
                                <f:selectItem itemLabel="- 请选择 -" itemValue="" noSelectionOption="true"/>
                                <f:selectItems
                                        value="#{loanLargeOuterTemplateInfoBean.commProductIds}"
                                        var="product"
                                        itemLabel="#{product.name}" itemValue="#{product.productId}"/>
                            </p:selectOneMenu>
                            </div>

                            <div class="ui-g-2">
                                <p:outputLabel value="产品渠道"/>
                            </div>

                            <div class="ui-g-3">
                                <p:selectOneMenu value="#{loanLargeOuterTemplateInfoBean.iosDownList.get(2).channelCode}"
                                                 filter="true" filterMatchMode="contains" disabled="#{loanLargeOuterTemplateInfoBean.isView()}">
                                    <f:selectItem itemLabel="- 请选择 -" itemValue="" noSelectionOption="true"/>
                                    <f:selectItems
                                            value="#{loanLargeOuterTemplateInfoBean.commProductChannels}"
                                            var="channel"
                                            itemLabel="#{channel.channelName}" itemValue="#{channel.channelCode}"/>
                                </p:selectOneMenu>
                            </div>
                        </p:panelGrid>
                    </div>
                    </p:outputPanel>
                </div>
            </div>
        </h:form>
    </ui:define>
</ui:composition>